<template>
  <div>
    <h3>表单的使用</h3>
    <!-- 输入框，按钮
    输入框：
       组件名:el-input
       v-model:值的双向绑定
       prefix-icon：头部图标
       show-password：是否显示密码框
    按钮
      组件名：el-button
      type:primary:主要按钮  success/info/warning/danger
    -->
    <el-input
      v-model="inputValue"
      prefix-icon="el-icon-user-solid"
      placeholder="请输入手机号"
      :show-password="true"
    />
    <el-button type="primary" style="width: 100%">登录</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>
<style></style>
